<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es_ES" lang="es_ES" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
		<title>Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</title>
	
		<meta name="author" content="Runroom http://www.runroom.com" />
		<meta name="language" content="es_ES" />
		<meta http-equiv="content-style-type" content="text/css" />
		<meta http-equiv="content-script-type" content="text/javascript" />
		<meta name="robots" content="index,follow" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

		<!-- hojas de estilo //-->
<!-- 
		<link media="all" rel="stylesheet" href="css/pre-v3.css">
 -->
		<link media="all" rel="stylesheet" href="css/styles.css" />
		<link media="all" rel="stylesheet" href="css/custom.css" />
		<link media="all" rel="stylesheet" href="css/qp-v3.css" />
		<link media="all" rel="stylesheet" href="css/feeds.css" />

		<!-- conditional comment: CSS para Explorer 7 y menor //-->
			<!--[if lte IE 7]>
				<link rel="stylesheet" href="css/ie7menos.css" />
			<![endif]-->
	
		<!-- incluir scripts //-->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/jquery.periodicalupdater.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=ABQIAAAAzClpJywkGASi3cdCCxdvnBRyVQWqmkHGDTi57WK1YtyDytrQIhQNeQ5HGi7cnaGyd90vRPydCOgxrA&amp;sensor=false&amp;language=es_ES&amp;v=3.1&amp;region=ES"></script>
		<script type="text/javascript" src="js/json2.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/locationSelector.js"></script>
		<script type="text/javascript" src="js/jquery.flip.min.js"></script>
		<script type="text/javascript" src="js/jquery.countdown.js"></script>
		<script type="text/javascript" src="js/jquery.countdown-es_ES.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
		<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
		<script type="text/javascript" src="js/localscroll.js"></script>
		<script type="text/javascript" src="js/jquery.curvycorners.min.js"></script>
		<script type="text/javascript" src="js/jquery.fullscreenr.js"></script>	
		<script type="text/javascript" src="js/qp_tabs.js"></script>
		<script type="text/javascript" src="js/jquery.Jcrop.min.js"></script>
		<script type="text/javascript" src="js/fileuploader.js"></script>
		<script type="text/javascript" src="js/s3Capcha.js"></script>
		<script type="text/javascript" src="js/feeds.js"></script>
		<script type="text/javascript" src="js/feeds_home.js"></script>
		<script type="text/javascript" src="js/marcas.js"></script>
		<!-- end incluir scripts //-->

	<script type="text/javascript" charset="utf-8" >
	
	//*****************************/
	/* Visualizador de Feeds JSON */
	/******************************/

	//Datos

	/*	Variables para el módulo de feeds
	 * 
	 */
	//	Timer del Poll al Server(milisegundos)
	
	//Resultados
	/*resultados = [{{foreach from=$advertiser_v2.LoyaltyCard.Feed item=num_feed key=index name=bucle_feeds}}
		{'title' :"{{$num_feed.title}}", 'description' :"{{$num_feed.description}}",'element_number' : "{{$num_feed.element_number}}", 'picture' : "{{$num_feed.picture}}", 'url' : "{{$num_feed.url}}"}{{if $smarty.foreach.bucle_feeds.last}}{{else}},{{/if}}
		{{/foreach}}];*/
	
		usuario = [{'id' : "0", 'nombre' : "Fulanito de Tal", 'sexo' : 'hombre'}];
	// Feeds
	
	//Resultados previos a filtrado
	resultados_pre = [{'title' :"Dailies a tu medida", 'description' :"La Gama de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "1", 'picture' : "images/test/anunciante-logo-1.jpg", 'url' : "http://www.google.es", 'categoria' : "0", 'tienda' : "zara"},
			              {'title' :"Cuida de tus ojos", 'description' :"No dejes que tus lentillas entren en contacto con agua del grifo ya que podrían contaminarse y causarte irritación.",'element_number' : "2", 'picture' : "images/test/anunciante-logo-9.jpg", 'url' : "", 'categoria' : "1", 'tienda' : "pepe"}, 
			              {'title' :"Dailies a tu medida2", 'description' :"La Gama2 de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "0", 'picture' : "images/test/anunciante-logo-5.jpg", 'url' : "", 'categoria' : "0", 'tienda' : "lacoste"},
			              {'title' :"Dailies a tu medida3", 'description' :"La Gama3 de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "1", 'picture' : "images/test/anunciante-logo-9.jpg", 'url' : "http://www.runroom.es", 'categoria' : "1", 'tienda' : "pepe"},
			              {'title' :"Dailies a tu medida4", 'description' :"La Gama4 de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "0", 'picture' : "images/test/anunciante-logo-8.jpg", 'url' : "", 'categoria' : "0", 'tienda' : "diesel"},
			              {'title' :"Dailies a tu medida5", 'description' :"La Gama5 de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "2", 'picture' : "images/test/anunciante-logo-7.jpg", 'url' : "http://www.pepe.es", 'categoria' : "1", 'tienda' : "marite"},
			              {'title' :"Dailies a tu medida6", 'description' :"La Gama6 de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "2", 'picture' : "images/test/anunciante-logo-4.jpg", 'url' : "", 'categoria' : "0", 'tienda' : "nike"},
			              {'title' :"Dailies a tu medida7", 'description' :"La Gama7 de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "1", 'picture' : "images/test/anunciante-logo-10.jpg", 'url' : "http://www.juan.es", 'categoria' : "1", 'tienda' : "7"},
			              {'title' :"Dailies a tu medida8", 'description' :"La Gama de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "1", 'picture' : "images/test/anunciante-logo-1.jpg", 'url' : "http://www.hotmail.es", 'categoria' : "0", 'tienda' : "zara"},
			              {'title' :"Cuida de tus ojos2", 'description' :"No dejes que tus lentillas entren en contacto con agua del grifo ya que podrían contaminarse y causarte irritación.",'element_number' : "2", 'picture' : "images/test/anunciante-logo-2.jpg", 'url' : "", 'categoria' : "0", 'tienda' : "duti"}, 
			              {'title' :"Dailies a tu medida9", 'description' :"La Gama8 de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "0", 'picture' : "images/test/anunciante-logo-3.jpg", 'url' : "", 'categoria' : "1", 'tienda' : "q+e"},
			              {'title' :"Dailies a tu medida10", 'description' :"La Gama9 de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "1", 'picture' : "images/test/anunciante-logo-4.jpg", 'url' : "http://www.hola.es", 'categoria' : "0", 'tienda' : "nike"},
			              {'title' :"Dailies a tu medida11", 'description' :"La Gama10 de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "0", 'picture' : "images/test/anunciante-logo-8.jpg", 'url' : "", 'categoria' : "0", 'tienda' : "diesel"},
			              {'title' :"Dailies a tu medida12", 'description' :"La Gama11 de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "2", 'picture' : "images/test/anunciante-logo-6.jpg", 'url' : "http://www.uuu.es", 'categoria' : "1", 'tienda' : "sebago"},
			              {'title' :"Dailies a tu medida13", 'description' :"La Gama12 de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "2", 'picture' : "images/test/anunciante-logo-3.jpg", 'url' : "", 'categoria' : "0", 'tienda' : "q+e"},
			              {'title' :"Dailies a tu medida14", 'description' :"La Gama13 de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "1", 'picture' : "images/test/anunciante-logo-10.jpg", 'url' : "http://www.nike.es", 'categoria' : "1", 'tienda' : "7"},
			              {'title' :"Dailies a tu medida15", 'description' :"La Gama14 de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "1", 'picture' : "images/test/anunciante-logo-4.jpg", 'url' : "http://www.boli.es", 'categoria' : "0", 'tienda' : "nike"},
			              {'title' :"Dailies a tu medida16", 'description' :"La Gama15 de lentillas DAILIES® puede usarse todos los días, de forma ocasional o simplemente para actividades como ir al gimnasio o para salir.", 'element_number' : "1", 'picture' : "images/test/anunciante-logo-4.jpg", 'url' : "http://www.rere.es", 'categoria' : "0", 'tienda' : "nike"}
			              ];
	
	//	Resultados Marcas								
	resultados_marcas = [{'id' : "0",'categoria' : "0", 'title' : "zara", 'img' : "images/test/anunciante-logo-1.jpg"},
	                     {'id' : "1",'categoria' : "1", 'title' : "7", 'img' : "images/test/anunciante-logo-10.jpg"},
	                     {'id' : "2",'categoria' : "0", 'title' : "duti", 'img' : "images/test/anunciante-logo-2.jpg"},
	                     {'id' : "3",'categoria' : "1", 'title' : "q+e", 'img' : "images/test/anunciante-logo-3.jpg"},
	                     {'id' : "4",'categoria' : "0", 'title' : "nike", 'img' : "images/test/anunciante-logo-4.jpg"},
	                     {'id' : "5",'categoria' : "0", 'title' : "lacoste", 'img' : "images/test/anunciante-logo-5.jpg"},
	                     {'id' : "6",'categoria' : "1", 'title' : "sebago", 'img' : "images/test/anunciante-logo-6.jpg"},
	                     {'id' : "7",'categoria' : "1", 'title' : "marite", 'img' : "images/test/anunciante-logo-7.jpg"},
	                     {'id' : "8",'categoria' : "0", 'title' : "diesel", 'img' : "images/test/anunciante-logo-8.jpg"},
	                     {'id' : "9",'categoria' : "1", 'title' : "pepe", 'img' : "images/test/anunciante-logo-9.jpg"},
	                     {'id' : "10",'categoria' : "0", 'title' : "zara", 'img' : "images/test/anunciante-logo-1.jpg"},
	                     {'id' : "11",'categoria' : "1", 'title' : "7", 'img' : "images/test/anunciante-logo-10.jpg"},
	                     {'id' : "12",'categoria' : "0", 'title' : "duti", 'img' : "images/test/anunciante-logo-2.jpg"},
	                     {'id' : "13",'categoria' : "1", 'title' : "q+e", 'img' : "images/test/anunciante-logo-3.jpg"},
	                     {'id' : "14",'categoria' : "0", 'title' : "nike", 'img' : "images/test/anunciante-logo-4.jpg"},
	                     {'id' : "15",'categoria' : "0", 'title' : "lacoste", 'img' : "images/test/anunciante-logo-5.jpg"},
	                     {'id' : "16",'categoria' : "1", 'title' : "sebago", 'img' : "images/test/anunciante-logo-6.jpg"},
	                     {'id' : "17",'categoria' : "1", 'title' : "marite", 'img' : "images/test/anunciante-logo-7.jpg"},
	                     {'id' : "18",'categoria' : "0", 'title' : "diesel", 'img' : "images/test/anunciante-logo-8.jpg"},
	                     {'id' : "19",'categoria' : "1", 'title' : "pepe", 'img' : "images/test/anunciante-logo-9.jpg"},
	                     {'id' : "20",'categoria' : "1", 'title' : "q+e", 'img' : "images/test/anunciante-logo-3.jpg"},
	                     {'id' : "21",'categoria' : "0", 'title' : "nike", 'img' : "images/test/anunciante-logo-4.jpg"},
	                     {'id' : "22",'categoria' : "0", 'title' : "lacoste", 'img' : "images/test/anunciante-logo-5.jpg"},
	                     {'id' : "23",'categoria' : "1", 'title' : "sebago", 'img' : "images/test/anunciante-logo-6.jpg"},
	                     {'id' : "24",'categoria' : "1", 'title' : "marite", 'img' : "images/test/anunciante-logo-7.jpg"},
	                     {'id' : "25",'categoria' : "0", 'title' : "diesel", 'img' : "images/test/anunciante-logo-8.jpg"},
	                     {'id' : "26",'categoria' : "1", 'title' : "pepe", 'img' : "images/test/anunciante-logo-9.jpg"},
	                     {'id' : "27",'categoria' : "0", 'title' : "lacoste", 'img' : "images/test/anunciante-logo-5.jpg"},
	                     {'id' : "28",'categoria' : "1", 'title' : "sebago", 'img' : "images/test/anunciante-logo-6.jpg"},
	                     {'id' : "29",'categoria' : "1", 'title' : "marite", 'img' : "images/test/anunciante-logo-7.jpg"},
	                     {'id' : "30",'categoria' : "0", 'title' : "diesel", 'img' : "images/test/anunciante-logo-8.jpg"},
	                     {'id' : "31",'categoria' : "1", 'title' : "pepe", 'img' : "images/test/anunciante-logo-9.jpg"},
	                     {'id' : "32",'categoria' : "1", 'title' : "q+e", 'img' : "images/test/anunciante-logo-3.jpg"},
	                     {'id' : "33",'categoria' : "0", 'title' : "nike", 'img' : "images/test/anunciante-logo-4.jpg"},
	                     {'id' : "34",'categoria' : "0", 'title' : "lacoste", 'img' : "images/test/anunciante-logo-5.jpg"},
	                     {'id' : "35",'categoria' : "1", 'title' : "sebago", 'img' : "images/test/anunciante-logo-6.jpg"},
	                     {'id' : "36",'categoria' : "1", 'title' : "marite", 'img' : "images/test/anunciante-logo-7.jpg"},
	                     {'id' : "37",'categoria' : "0", 'title' : "diesel", 'img' : "images/test/anunciante-logo-8.jpg"},
	                     {'id' : "38",'categoria' : "1", 'title' : "pepe", 'img' : "images/test/anunciante-logo-9.jpg"}];
	id_marca = 0;
	img_marca = "";
	
	//Combo ciudades
	var qpon_ciudades = [{'nombre'  : "Barcelona",'latitude'  : "41.398758",'longitude'  : "2.143336"},{'nombre'  : "Madrid",'latitude'  : "40.424690",'longitude'  : "-3.712069"},{'nombre'  : "Valencia",'latitude'  : "39.470444",'longitude'  : "-0.376815"},{'nombre'  : "Sevilla",'latitude'  : "37.392757",'longitude'  : "-5.995021"},{'nombre'  : "Zaragoza",'latitude'  : "41.671776",'longitude'  : "-0.890133"},{'nombre'  : "Salamanca",'latitude'  : "40.963066",'longitude'  : "-5.665356"},{'nombre'  : "Valladolid",'latitude'  : "41.653107",'longitude'  : "-4.728776"},{'nombre'  : "Burgos",'latitude'  : "42.346268",'longitude'  : "-3.710512"},{'nombre'  : "Badajoz",'latitude'  : "38.872391",'longitude'  : "-6.976606"},{'nombre'  : "Alicante",'latitude'  : "38.345890",'longitude'  : "-0.479730"},{'nombre'  : "Segovia",'latitude'  : "40.947174",'longitude'  : "-4.118953"},{'nombre'  : "Malaga",'latitude'  : "36.719501",'longitude'  : "-4.421596"},{'nombre'  : "Albacete",'latitude'  : "39.013168",'longitude'  : "-1.949021"},{'nombre'  : "Murcia",'latitude'  : "37.992893",'longitude'  : "-1.131704"},{'nombre'  : "Jerez",'latitude'  : "36.698227",'longitude'  : "-6.107645"},{'nombre'  : "Badalona",'latitude'  : "41.447533",'longitude'  : "2.245448"},{'nombre'  : "Benidorm",'latitude'  : "38.535862",'longitude'  : "-0.124703"},{'nombre'  : "Gandia",'latitude'  : "38.974422",'longitude'  : "-0.139964"},{'nombre'  : "Tarragona",'latitude'  : "41.117130",'longitude'  : "1.239777"},{'nombre'  : "Caceres",'latitude'  : "39.503532",'longitude'  : "-6.421432"},{'nombre'  : "Torrevieja",'latitude'  : "37.974728",'longitude'  : "-0.678279"},{'nombre'  : "Cartagena",'latitude'  : "37.654991",'longitude'  : "-0.718993"},{'nombre'  : "Basella",'latitude'  : "42.010452",'longitude'  : "1.385516"},{'nombre'  : "Majadahonda",'latitude'  : "40.473190",'longitude'  : "-3.880803"},{'nombre'  : "Camas",'latitude'  : "37.393894",'longitude'  : "-6.033448"},{'nombre'  : "La Roca",'latitude'  : "41.588417",'longitude'  : "2.348728"},{'nombre'  : "Xativa",'latitude'  : "38.997234",'longitude'  : "-0.522431"},{'nombre'  : "Mataro",'latitude'  : "41.558453",'longitude'  : "2.480085"},{'nombre'  : "Cordoba",'latitude'  : "37.878078",'longitude'  : "-4.765368"},{'nombre'  : "CastellÓN",'latitude'  : "39.982704",'longitude'  : "-0.035818"},{'nombre'  : "San Javier",'latitude'  : "37.816414",'longitude'  : "-0.838925"},{'nombre'  : "Salt",'latitude'  : "41.970306",'longitude'  : "2.782961"},{'nombre'  : "Rivasvacia-Madrid",'latitude'  : "40.338463",'longitude'  : "-3.534992"},{'nombre'  : "Fuengirola",'latitude'  : "36.540257",'longitude'  : "-4.620195"},{'nombre'  : "Talavera De La Reina",'latitude'  : "39.962917",'longitude'  : "-4.830140"},{'nombre'  : "St Boi De Llobregat",'latitude'  : "41.332775",'longitude'  : "2.056716"},{'nombre'  : "San Sebastian De Los Reyes",'latitude'  : "40.542068",'longitude'  : "-3.614259"},{'nombre'  : "Manresa",'latitude'  : "41.728210",'longitude'  : "1.849983"},{'nombre'  : "Pulianas",'latitude'  : "37.213947",'longitude'  : "-3.615233"},{'nombre'  : "Aldaia",'latitude'  : "39.502987",'longitude'  : "-0.443944"},{'nombre'  : "Oviedo",'latitude'  : "43.367500",'longitude'  : "-5.837222"},{'nombre'  : "Puigcerda",'latitude'  : "42.431877",'longitude'  : "1.927213"},{'nombre'  : "Torrejon",'latitude'  : "40.471569",'longitude'  : "-3.449835"},{'nombre'  : "San Sebastian",'latitude'  : "43.325500",'longitude'  : "-1.989376"},{'nombre'  : "Toledo",'latitude'  : "39.864483",'longitude'  : "-3.949355"},{'nombre'  : "Castelldefels",'latitude'  : "41.279060",'longitude'  : "1.973474"},{'nombre'  : "Xirivella",'latitude'  : "39.463718",'longitude'  : "-0.376946"},{'nombre'  : "Pamplona",'latitude'  : "42.813591",'longitude'  : "-1.642872"},{'nombre'  : "Barbera",'latitude'  : "41.516422",'longitude'  : "2.140114"},{'nombre'  : "Sierranevada",'latitude'  : "37.177361",'longitude'  : "-3.615281"},{'nombre'  : "Sta Marta De Tormes",'latitude'  : "40.950466",'longitude'  : "-5.622139"},{'nombre'  : "Alzira",'latitude'  : "39.143269",'longitude'  : "-0.403094"},{'nombre'  : "La Calzada",'latitude'  : "43.537144",'longitude'  : "-5.696293"},{'nombre'  : "Figueres",'latitude'  : "42.272034",'longitude'  : "2.962559"},{'nombre'  : "Leganes",'latitude'  : "40.340042",'longitude'  : "-3.731450"},{'nombre'  : "Irun",'latitude'  : "43.305958",'longitude'  : "-1.783097"},{'nombre'  : "L'hospitalet",'latitude'  : "41.349117",'longitude'  : "2.122931"},{'nombre'  : "Carcaixent",'latitude'  : "39.101562",'longitude'  : "-0.421944"},{'nombre'  : "Pola De Siero",'latitude'  : "43.426476",'longitude'  : "-5.740514"},{'nombre'  : "Roses",'latitude'  : "42.263412",'longitude'  : "3.181852"},{'nombre'  : "Huarte",'latitude'  : "42.830902",'longitude'  : "-1.586272"},{'nombre'  : "PeÑAcastillo",'latitude'  : "43.443157",'longitude'  : "-3.850262"},{'nombre'  : "Salou",'latitude'  : "41.073624",'longitude'  : "1.143181"},{'nombre'  : "Getafe",'latitude'  : "40.301785",'longitude'  : "-3.672465"},{'nombre'  : "Marbella",'latitude'  : "36.503941",'longitude'  : "-4.758804"},{'nombre'  : "Leon",'latitude'  : "42.598316",'longitude'  : "-5.569482"},{'nombre'  : "Abrera",'latitude'  : "41.515305",'longitude'  : "1.919695"},{'nombre'  : "Vic",'latitude'  : "41.926727",'longitude'  : "2.247040"},{'nombre'  : "Almeria",'latitude'  : "36.829929",'longitude'  : "-2.446009"},{'nombre'  : "Cordovilla",'latitude'  : "42.744389",'longitude'  : "-1.666352"},{'nombre'  : "Ondara",'latitude'  : "38.825775",'longitude'  : "0.013991"},{'nombre'  : "Santander",'latitude'  : "43.445457",'longitude'  : "-3.879057"},{'nombre'  : "Cambrils",'latitude'  : "41.085205",'longitude'  : "1.029892"},{'nombre'  : "Alcobendas",'latitude'  : "40.532475",'longitude'  : "-3.655608"},{'nombre'  : "Rincon De La Victoria",'latitude'  : "36.765179",'longitude'  : "-4.258974"},{'nombre'  : "Avila",'latitude'  : "40.410362",'longitude'  : "-4.782189"},{'nombre'  : "Paterna",'latitude'  : "39.532112",'longitude'  : "-0.454954"},{'nombre'  : "Vigo",'latitude'  : "42.231266",'longitude'  : "-8.723340"},{'nombre'  : "Sitges",'latitude'  : "41.235352",'longitude'  : "1.822916"},{'nombre'  : "Roquetas De Mar",'latitude'  : "36.870373",'longitude'  : "-2.657442"}];
	var maxCities = 10;
	var texto_mas_ciudades =  "otras ciudades";	
					
	// Variables de configuracion
	var resultados = resultados_pre;
	var ciudad = "Barcelona";
	var timer = 50000;	//Timer del Poll de datos al S
	items_cargados = 3;	//Datos que se cargan previamente
	max_items_visibles = 9;
	//time_update = 5000;
	nom_filtros = ['Oferta de lanzamiento','Oferta','E-Check','Evento','Consejo'];
	img_feed_defecto = 'http://qporama-eu.s3.amazonaws.com/loyalty/cibavision/dailies/card/card_logo.jpg';
	filtro_ini = '11111';
	estatico = true;
	
	
	//------- Filtros para los feeds--------------------------------------------------------
	
	// Filtro del slide Categoria
	function filtroCategoria(cat){
		generaSlideMarcas(cat);
		resultados = [];
			//	Filtramos
			if(cat != '-1'){
				var n = 0;
				for ( var i = 0; i < resultados_pre.length; i++) {
					if(resultados_pre[i]['categoria'] == cat){resultados[n] = resultados_pre[i]; n++;}
				}
				
			}else{
				console.log('->Todas las categorias');
				resultados = resultados_pre;
			}
			feeds();
			showHideMoreBt(0);
			scrollable.seekTo(0,0);
		return false;
		//Reanuda autoscroll
		//setTimeout('window.api.play()', 5000);
	}
	//----------- Filtro por tienda ---------------------------------------
	function filtroTienda(tienda){
		console.log('Filtro tienda: '+ tienda);
		resultados = [];
		var n = 0;
		for ( var i = 0; i < resultados_pre.length; i++) {
			if(tienda != 'tienda'){
				if(resultados_pre[i]['tienda'] == tienda){resultados[n] = resultados_pre[i]; n++;}
			}
			else{	// Muestra todas las categorias
				resultados[i] = resultados_pre[i];
			}
		}
		console.log('resultados: ' + resultados[n]);
		feeds();
		showHideMoreBt(0);
	}
	//------------------------------------------------------------------------
		// <![CDATA[
	    function abrirModal(id){
				$('#trama').fadeIn('fast');
				$('#ventana_modal_'+id).fadeIn('slow');
			}
		// cerrar ventana
			function cerrarModal(){
				$('#trama').fadeOut('slow');
				$('.ventana_modal').fadeOut('slow');
				
			}

	/* Abrir o cerrar "más info" slide */
		function toggleInfo(id) {
		// abrir / cerrar div.lamasinfo y anadir/quitar class "open" al/del enlace (a)
			$('#info_'+id).slideToggle('fast');
			$('#anchor_info_'+id).html('cerrar');
			$('#anchor_info_'+id).toggleClass('open');
			}


	/* Abrir ventanita "detalles" */
		function verdetalles(id) {
		// abrir detalles de cosas disponibles etc
			$('.detalles').fadeOut('fast');
			$('.disponible').removeClass('clicked');
			$('#detalles_'+id).slideToggle('fast');
			$('#det_trigger_'+id).toggleClass('clicked');
			}


	/* Abrir o cerrar ventanita "compartir" de los tweets */
		function versharetip(id) {
			window.addthis.ost = 0;
		// abrir detalles de cosas disponibles etc
			$('.sharetip').fadeOut('fast');
			$('.share_trigger').removeClass('clicked');
			$('#sharetip_'+id).slideToggle('fast');
			$('#share_trigger_'+id).toggleClass('clicked');
			}


	$(document).ready(function () {
		 //	Selector de ciudad
		 if (qpon_ciudades && qpon_ciudades != '') {
						//console.log("qpon_ciudades: " + qpon_ciudades);
						$('#location_selector_ciudad').focus(function(){
							// $(this).css("background-color","#fff");
							$(this).val( "" );
						});
						
						$('#location_selector_ciudad').blur(function(){
							// $(this).css("background-color","transparent");
						});
						
						// crea accion sobre cambiar.
						$('#location_selector_ciudad_cambiar').click(function(){
							
							$("#location_selector_ciudad").focus();
							$("#location_selector_ciudad").autocomplete( "search" , "%%" );
						});		
						

						$("#location_selector_ciudad").autocomplete({
							minChars: 0,
							minLength:0,
							max: 12,
							autoFill: false,
							mustMatch: false,
							selectFirst: false,
							matchContains: true,
							scroll: false,
							scrollHeight: 220,
							source: function(req, responseFn) {
								console.log("entra en la funciÃ³n source: " + req);
								
								// console.log("entra en la funciÃ³n responseFn? : "
								// + responseFn);

								// esto es el caso en que clicko en cambiar
								if(req.term == "%%"){
									
									// console.log("es busqueda");
									
									// aqui estoy recogiendo solo las primeras 10
									// ciudades.
									var results = qpon_ciudades.slice(0).splice(0,maxCities);
		
										// aÃ±ado el Ãºltimo elemento como hint
										results.push({nombre:texto_mas_ciudades,kind:"hint"});
										
											responseFn($.map(results, function(item) {
											// esta funciÃ³n es la que transforma el
											// item del array en objeto
											// console.log(item)
											var item_data = item;// .split("#");
											return {
											  label:  item_data['nombre'],
											  value: item_data['nombre'],
											  longitude: item_data['longitude'],
											  latitude: item_data['latitude'],
											  kind: item_data['kind']
											}
										}));
										 
										return;
								
								}
								  
								  
							},
						
				              select: function(value, data){
							  	
				            	// console.log(data.item);
				            	  
								if(data.item.kind == "hint"){
									return false;
								}
			                     //console.log('You selected data.item.value: ' +
								 return false;
				              }
						});
				}
		 
		 //------------------------------------------------------------------------------------------
		feeds();
		generaSlideMarcas('-1');		
		
		//Buscar
		$("#buscar").click(function(){
			$("#buscar").val("");
		});
		$("#buscar").blur(function(){
			$("#buscar").val("Busca un negocio o una oferta");
		});
		
	// cerrar panel de sharing
		$(".close").click(function() {
			cerrarModal();
		});
 
	// cerrar ventanita emergente detalles
		$(".caja").mouseleave(function() {
			$('.detalles').slideUp('fast');
			$('.disponible').removeClass('clicked');
		});

		$(".navi").mousedown(function() {
			$('.detalles').slideUp('fast');
			$('.disponible').removeClass('clicked');
		});

	// cerrar panel de sharing oferta
		$(".caja").mouseleave(function() {
			$(".st-oferta").fadeOut("slow");
		});

	// cerrar panel de sharing tarjeta
		$("#tarjeta").mouseleave(function() {
			$("#st-tarjeta").fadeOut("slow");
		});

	// cerrar panel de sharing tweet
		$(".tweet").mouseleave(function() {
			$(".sharetip").fadeOut("fast");
		});

		// slide de ofertas
		$("#chained").scrollable({circular: true, mousewheel: false, keyboard: false, easing: 'swing'}).navigator().autoscroll({
			interval: 5000		
		});				

		

		// slide lateral como consigo puntos
		$("#comoconsigoslide").scrollable({circular: true, mousewheel: false, keyboard: false}).navigator().autoscroll({
			interval: 11000
		});


	// cada boton checkout envía el form.
	$(".checkout_trigger").click(function(){
		//LS.persist();
		$("#form-listings").submit();
	});
		

	// animacion de la tarjeta
		$("#volver").hide();
		$("#back").hide();
		$("#info").click(function(){
		$("#info").hide();	
			$("#tarjeta").flip({
				direction:'lr',
				onEnd: function(){		
					$("#tarjeta").css('background-color','transparent');
					$("#front").hide();
					$("#back").show();
					$("#volver").show();				
				}
			});
		});
		$("#volver").click(function(){	
		$("#volver").hide();
			$("#tarjeta").flip({
				direction:'rl',
				onEnd: function(){				
					$("#tarjeta").css('background-color','transparent');
					$("#front").show();
					$("#back").hide();
					$("#info").show();
				}
			});
		});


		function prepareDateForCountDown(strDate){
			if(strDate == null||strDate == ""){
				alert("missing date in coupon");
				return;
			}
			var a = strDate.split(" ")[0];
			var b = strDate.split(" ")[1];
			var dp = a.split("-");
			var hp = b.split(":");
			var date = new Date(dp[0], (dp[1] - 1) ,dp[2],hp[0],hp[1],hp[2]);
			return date;
		}
		

	// countdown (por defecto será en inglés)
	$('#defaultCountdown').countdown({until: prepareDateForCountDown('2010-12-31 00:00:00'), timezone: +1,format:'yowdHMS', significant:3, onTick: highlightLast12h});
	$('#defaultCountdown2').countdown({until: prepareDateForCountDown('2011-02-28 00:00:00'), timezone: +1,format:'yowdHMS', significant:3, onTick: highlightLast12h});
	$('#defaultCountdown3').countdown({until: prepareDateForCountDown('2011-02-28 00:00:00'), timezone: +1,format:'yowdHMS', significant:3, onTick: highlightLast12h});

	// la primera vez si no tenemos localización le lanzamos un popup de introducción de zip_code
			if(console) console.log($.cookie("my-last-zipcode"));
		if(!$.cookie("my-last-zipcode")){
			abrirModal('zipcode');
		}else{
			$.cookie("my-last-zipcode",'',{path:"/"});
		}
		});
	function highlightLast12h(periods) {
  	if ($.countdown.periodsToSeconds(periods) < 43200) {
    	$(this).addClass('highlight');
		}
	}


	// ]]>
	</script>



	</head>
	
	<body>
		<a name="top"></a>
		<div id="fb-root"></div>
	
		<noscript>
			<div id="aviso_js">
				<p>Lo sentimos, pero esta web sólo funciona con Javascript activado.</p>
			</div>
		</noscript>

		<!-- conditional comment: aviso para Explorer 6 y menor //-->
			<!--[if lte IE 6]>
				<div id="aviso_ie">
					<p><strong>Hemos detectado que utilizas Internet Explorer 6</strong>, un navegador obsoleto, con problemas de seguridad y compatibilidad conocidos.</p>
					<p>Recomendamos que actualices tu navegador <a href="http://www.browserchoice.eu">en la web de browserchoice.org, haciendo clic aquí</a></p>
				</div>
			<![endif]-->

		<div class="header">
			<div class="session-links">
				<a title="Accede a tu cuenta Qporama" href="registro">Inicia sessión</a>
				<a title="Crea una cuenta Qporama" href="registro">Regístrate</a>
			</div> <!-- / .social-links -->	
			
			<div class="social-links">
				<a title="Visita la página Facebook de Qporama" class="facebook" href="facebook"><span>facebook</span></a>
				<a title="Visita la página Twitter de Qporama" class="twitter" href="twitter"><span>twitter</span></a>
			</div> <!-- / .social-links -->	
	
	
			<h2 class="logo_claim">
				<a class="logo" name="top" title="volver a la página de inicio" href="index.html">
					<span class="hidden">Qporama: Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</span>
				</a>
			</h2>
			<h1 class="claim">
				Conecta con tus <strong>marcas</strong> favoritas y <br />accede a <strong>regalos</strong> y ofertas <strong>exclusivas</strong>
			</h1>
		</div> <!-- / .header -->
	
		<div class="fondo-pagina" style="background: url(css/css_images/fondo-home-beige.jpg);">
			<div class="gradient">&nbsp;</div>
		</div>

		<div class="buscar">
			<form action="#" method="get">
				<p class="fondo-input-buscar l"><input type="text" id="buscar" value="Busca un negocio o una oferta" /></p>

				<ul class="fondo-select selecciona-categoria">
					<li class="catselector-link" onclick="$('#CatSelector').slideToggle('fast');">Selecciona una categoría
						<ul id="CatSelector">
							<li><a title="Moda y Complementos" href="#">Comer y beber</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
						</ul>
					</li>
				</ul>

				<p class="fondo-select l" style="position: relative; left: -2px; z-index: 0;"><input type="text" id="location_selector_ciudad" value="Barcelona" /> <small><a id="location_selector_ciudad_cambiar" href="javascript:;">[cambiar]</a></small></p>
				<p class="boton secundario grande l"><input type="submit" value="buscar" /></p>
			</form>
		</div> <!-- cerrar buscar //-->

<!-- aqui empieza el div class="page -->

<div class="page">

<!-- columna de contenido lateral //-->
		<div class="c-320">
			<!--  TODO: hay 4 clases de tarjetas: default, member, premium, vip -->
			<div id="tarjeta" class="vip">
				<div id="front" style="background: url(css/css_images/tarjeta-frente-default.jpg) 0 0 no-repeat;">
					<div class="t-content">
						<div class="t-anunciante">
							<div class="t-anunciante-logo" style="background: url(css/css_images/anunciante-logo-default.png) 0 0 no-repeat;"></div>
							<h5 class="t-anunciante-nombre">Pans &amp; Fans <span>Barcelona</span></h5>
						</div> <!-- cerrar t-anunciante //-->
						<div class="t-usuario">
							<div class="estrella"></div>
							<p class="t-usuario-nombre">Philipp Marquardt</p>
							<p class="t-usuario-status"><span>VIP</span></p>
						</div> <!-- cerrar t-usuario //-->			
					</div> <!-- cerrar t-content //-->
				</div> <!-- cerrar front //-->

				<div class="qporama-connect">
					<p><a href="/distribution/connectuser/?advertiser_id=21">conéctate a esta tarjeta</a></p>
				</div>
	
				<div id="back">
					<div class="t-content">
						<p class="peque r50 loyaltylink"><a href="loyalty.html">[Cómo consigo puntos]</a></p>
						<div class="popup">
							<div class="row member"><div class="estrella"></div><p class="pqarial">por conectarte <span class="tick"></span></p></div>
							<div class="row premium"><div class="estrella"></div><p class="pqarial"><span class="numero">100</span> puntos<span class="tick"></span></p></div>
							<div class="row vip"><div class="estrella"></div><p class="pqarial"><span class="numero">200</span> puntos<span class="tick"></span></p></div>
						</div>
						<p class="micro">Pans &amp; Fans </p>
					</div> <!-- cerrar t-content //-->
				</div>
	
				<div id="info">i</div>	<div id="volver">&lt;</div>		
				<div class="marco"><span class="resplandor"></span></div>

				<!-- COMPARTIR //-->
				<p class="sharetrigger small" onclick="$('#st-tarjeta').fadeIn('slow');return false;"><a href="#"><span>[compartir]</span></a></p>
				<!-- tooltip element -->
					<div class="sharetip" id="st-tarjeta">
						<div class="caja c140 fl-arriba der">
							<div class="content">
								<p><small class="soft">Comparte esta tarjeta</small></p>
			
								<div class="shareoptions">
								<!-- AddThis Button BEGIN -->
									<div class="addthis_toolbox"> <!-- addthis_default_style" -->
										<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" addthis:url="http://www.google.es" addthis:title="titulo_tarjeta"></a></p>
										<p><a class="addthis_button_tweet" tw:count="horitzontal" addthis:url="http://www.google.es" addthis:title="titulo_tarjeta"></a></p>
										<p><a class="addthis_button_googlebuzz" addthis:url="http://www.google.es" addthis:title="titulo_tarjeta">Google BUZZ</a></p>
										<p><a class="addthis_button_email" addthis:url="http://www.google.es" addthis:title="titulo_tarjeta" href="http://www.google.es">enviar e-mail</a></p>
			
									</div>
									<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
									<!-- AddThis Button END -->
											
								</div> <!-- cerrar shareoptions //-->
							</div>
							<div class="cierre"></div>
						</div> <!-- cerrar caja //-->
						<!-- p class="thecloser"><a title="cerrar" class="close-comp" href="#"><span>cerrar</span></a></p //-->
			
					</div> <!-- cerrar sharetip //-->
				<!-- CERRAR COMPARTIR //-->

			</div> <!-- cerrar #tarjeta //-->

<!-- aqui se ponen los modulos de la izquierda -->

<!-- cajita info de la tarjeta -->
		<div class="caja c320 f1f1f1 fl-arriba card-info">
			<div class="content">
				<p class="peque"><a href="">Salud y belleza</a><br /><span class="micro">Categoría</span></p>
				<p class="peque"><span class="numero">1526</span><br /><span class="micro">Conectados</span></p>
				<p><span class="comentarios"><a href="">56</a></span><br /><span class="micro">Comentarios</span></p>
			</div>
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->





<!-- caja "disponible ahora" -->
		<div class="caja c320 r10 f1f1f1">
			<div class="content noscroll">
				<div class="sectiontitle">
					<p class="tus-puntos"><span class="numero">125</span> puntos</p>
				</div>
				<p class="pqarial disp-ahora">Disponible ahora</p>

<!--		NO CONECTADO
				<p class="estrella-grande eg-default"><span>No Conectado</span></p>
//-->
<!-- 		LOS DEMAS ESTADOS (MEMBER/PREMIUM/VIP)
				<p class="estrella-grande eg-member"><span>Member</span></p>
//-->
				<p class="estrella-grande eg-premium"><span>Premium</span></p>
<!--
				<p class="estrella-grande eg-vip"><span>VIP</span></p>
//-->

				<ul class="itemlist">
					<li class="disponible peque">
						<span class="icon-apunto-img"><img src="css/css_images/icono-regalo.png" alt="regalo" /></span>
						<span class="disponible-desc" title="Haz click para ver los detalles" id="det_trigger_1" onclick="verdetalles('1'); return false;">detalle 1<strong>e-cheques</strong> valor <strong>10 €</strong> por <strong>8 €</strong></span>
						<a title="Haz clic para imprimir" href="http://www.runroom.com/" class="peque microbot">imprimir</a>
						<a href="#" class="interrogante">?</a>

						<!-- ventanita emergente 1 //-->
						<div id="detalles_1" class="detalles">
							<p class="peque">Imprime el qpon y disfruta de esta oferta</p>
							<p class="peque xtrasoft">Ganarás <span class="puntos">+30</span> puntos</p>
							<div class="det-description">
								<p class="peque soft">
									<span class="corners w50px l"><img src="images/hotel-central/ofertas/salud-belleza/oferta1-thumb2.jpg" alt="" /><span class="cornersall"></span></span>
									Aquí explicamos los detalles de esta oferta. Praesent congue convallis mi eu sollicitudin. Proin ante ligula, lobortis tincidunt commodo.
								</p>
							</div> <!-- cerrar .description //-->

							<div class="det-cierre"></div>
						</div> <!-- cerrar .detalles //-->
						
					</li>
					<li class="disponible peque">
						<span class="icon-apunto-img"><img src="css/css_images/icono-echeque.png" alt="echeque" /></span>
						<span class="disponible-desc" title="Haz click para ver los detalles" id="det_trigger_2" onclick="verdetalles('2'); return false;">e-cheques <strong>valor 10 € por 8 €</strong></span>
						<a title="Haz clic para comprar" href="http://www.runroom.com/" class="peque microbot">comprar</a>
						<a href="#" class="interrogante">?</a>

						<!-- ventanita emergente 2 //-->
						<div id="detalles_2" class="detalles">
							<p class="peque">Imprime el qpon y disfruta de esta oferta</p>
							<p class="peque xtrasoft">Ganarás <span class="puntos">+1</span> punto</p>
							<div class="det-description">
								<p class="peque soft">
									<span class="corners w50px l"><img src="images/hotel-central/ofertas/salud-belleza/oferta1-thumb2.jpg" alt="" /><span class="cornersall"></span></span>
									Aquí explicamos los detalles de esta oferta. Praesent congue convallis mi eu sollicitudin. Proin ante ligula, lobortis tincidunt commodo.
								</p>
							</div> <!-- cerrar .description //-->

							<div class="det-cierre"></div>
						</div> <!-- cerrar .detalles //-->


					</li>
					<li class="disponible peque">
						<span class="icon-apunto-img"><img src="css/css_images/icono-oferta.png" alt="oferta" /></span>
						<span class="disponible-desc" title="Haz click para ver los detalles" id="det_trigger_3" onclick="verdetalles('3'); return false;"><strong>e-cheques</strong> valor <strong>10 €</strong> por <strong>8 €</strong></span>
						<a title="Haz clic para imprimir" href="http://www.carlosiglesias.info/" class="peque microbot">imprimir</a>
						<a href="#" class="interrogante">?</a>

						<!-- ventanita emergente 3 //-->
						<div id="detalles_3" class="detalles">
							<p class="peque">Compra para disfrutar de esta oferta</p>
							<p class="peque xtrasoft">Ganarás <span class="puntos">+10</span> puntos</p>
							<div class="det-description">
								<p class="peque soft">
									<span class="corners w50px l"><img src="images/hotel-central/ofertas/salud-belleza/oferta1-thumb2.jpg" alt="" /><span class="cornersall"></span></span>
									Aquí explicamos los detalles de esta oferta. Praesent congue convallis mi eu sollicitudin. Proin ante ligula, lobortis tincidunt commodo.
								</p>
							</div> <!-- cerrar .description //-->
							<div class="det-cierre"></div>
						</div> <!-- cerrar .detalles //-->

					</li>

					<li class="disponible peque">
						<span class="icon-apunto-img"><img src="css/css_images/icono-echeque.png" alt="echeque" /></span>
						<span class="disponible-desc" title="Haz click para ver los detalles" id="det_trigger_4" onclick="verdetalles('4'); return false;">e-cheques <strong>valor 10 € por 8 €</strong></span>
						<a title="Haz clic para imprimir" href="http://www.flickr.com/" class="peque microbot">imprimir</a>
						<a href="#" class="interrogante">?</a>

						<!-- ventanita emergente 4 //-->
						<div id="detalles_4" class="detalles">
							<p class="peque">Compra e imprime el qpon para disfrutar de esta oferta</p>
							<p class="peque xtrasoft">Ganarás <span class="puntos">+10</span> puntos</p>
							<div class="det-description">
								<p class="peque soft">
									<span class="corners w50px l"><img src="images/hotel-central/ofertas/salud-belleza/oferta1-thumb2.jpg" alt="" /><span class="cornersall"></span></span>
									Aquí explicamos los detalles de esta oferta. Praesent congue convallis mi eu sollicitudin. Proin ante ligula, lobortis tincidunt commodo.
								</p>
							</div> <!-- cerrar .description //-->
							<div class="det-cierre"></div>
						</div> <!-- cerrar .detalles //-->

					</li>
				</ul>
				<div class="cierre blanco"></div>
			</div> <!-- cerrar content //-->
		</div> <!-- cerrar caja //-->

		<hr style="visibility:hidden;" />

<!-- caja "a punto de alcanzar" -->
		<div class="caja c320 r10 f1f1f1 slidebottom">
			<div class="content noscroll">
				<p class="pqarial">A punto de alcanzar</p>
				<ul class="itemlist">
					<li class="apunto peque">
						<span class="statusicon"><img src="css/css_images/estrella-premium-i.png" alt="premium" /></span>
						<span class="apunto-desc">CLIENTE <strong>PREMIUM</strong></span>
						<div class="barra-puntos"><span style="width: 200px;"></span></div>
						<span class="oneofnine soft">125/150</span>
					</li>
					<li class="apunto peque">
						<span class="icon-apunto-img"><img src="css/css_images/icono-oferta.png" alt="oferta" /></span>
						<span class="apunto-desc"><strong>-50%</strong> Brunch del sábado</span>
						<div class="barra-puntos"><span style="width: 222px;"></span></div>
						<span class="oneofnine soft">125/135</span>
					</li>
				</ul>

<!-- items que se abren al clicar "ver más" //-->
					<div id="info_1" class="oculto inslide">
					<ul>
						<li class="apunto peque">
							<span class="icon-apunto-img"><img src="css/css_images/icono-echeque.png" alt="echeque" /></span>
							<span class="apunto-desc"><strong>-50%</strong> Brunch del sábado</span>
							<div class="barra-puntos"><span style="width: 200px;"></span></div>
							<span class="oneofnine soft">125/135</span>
						</li>
						<li class="apunto peque">
							<span class="icon-apunto-img"><img src="css/css_images/icon-evento.png" alt="evento" /></span>
							<span class="apunto-desc"><strong>-50%</strong> Brunch del sábado</span>
							<div class="barra-puntos"><span style="width: 100px;"></span></div>
							<span class="oneofnine soft">125/135</span>
						</li>
						<li class="apunto peque">
							<span class="icon-apunto-img"><img src="css/css_images/icono-regalo.png" alt="regalo" /></span>
							<span class="apunto-desc"><strong>-50%</strong> Brunch del sábado</span>
							<div class="barra-puntos"><span style="width: 32px;"></span></div>
							<span class="oneofnine soft">125/135</span>
						</li>
					</ul>
					</div> <!-- cerrar #info_1 //-->

				<div class="upcierre"></div>

				<small class="masinfo" style="position: absolute; z-index: 30; bottom: -15px; right: 60px; text-align: right;"><a  href="#" onclick="toggleInfo('1'); return false;" id="anchor_info_1">ver más</a></small>

				<div class="cierre" style="bottom: -29px;"></div>
			</div> <!-- cerrar content //-->
		</div> <!-- cerrar caja //-->





		</div> <!-- cerrar columna de 320px de ancho //-->


<!-- columna de contenido principal //-->
		<div class="c-620">

	<!-- caja de cabecera de contenido. puede variar en cada pagina //-->
			<div class="caja c620 f1f1f1 unido-top">
				<div class="content">
					<h2 class="titulo-principal">Pans &amp; Fans</h2>
					<p class="soft"><small style="position: relative; z-index: 1500;"><a href="#mapa">[ver mapa]</a></small></p>


<!-- root element for scrollable -->
			<div class="scrollable unido-bot" id="chained">
  <!-- root element for the items -->
			  <div class="items">
					<div> <!-- ELEMENT 1   -->
				<!-- caja oferta fondo blanco //-->
					<div class="caja c620 unido-bot oferta_index">
						<div class="content">
							<div class="no_scroll">
								<div class="pics">
									<div><img src="images/hotel-central/ofertas/salud-belleza/oferta1-foto1.jpg" alt="" width="220" height="220" /><span class="cornersfff"></span></div>
								</div>
							</div> <!-- cerrar no_scroll //-->
							<div class="ofertacontent">
								<h1 class="oferta">2x1 Pans &amp; Company. Llévate tu segundo bocadillo gratis.</h1>
								<div class="price-buy">
									<p class="price">
										<span class="desde">desde</span>
										<strong>3 €</strong>
									</p>
									<div class="buy">
										<p class="boton primario grande" onmouseover="$('.precio-hover').fadeIn('fast');" onmouseout="$('.precio-hover').fadeOut('fast');">
											<a href="javascript:;" class="checkout_trigger">compra ya</a>
										</p>
									</div> <!-- cerrar buy //-->
								</div> <!-- cerrar price_buy //-->
								<div class="counter-discount">
									<div class="contador">
										<div id="defaultCountdown"></div>
										<small class="micro counter-title">la oferta caduca en:</small>
									</div> <!-- cerrar contador //-->
									<div class="discount">
										<div class="hasCountdown">
											<span class="countdown_row countdown_show3">
												<span class="countdown_section">
													<span class="countdown_amount">6 €</span>
													<br />VALOR REAL
												</span>
												<span class="countdown_section">	
													<span class="countdown_amount">50 %</span>
													<br />DESCUENTO <small class="micro counter-title">HASTA</small>
												</span>
												<span class="countdown_section">
													<span class="countdown_amount">3 €</span>
													<br />AHORRO <small class="micro counter-title">HASTA</small>
												</span>
											</span>
										</div>
									</div> <!-- cerrar discount //-->
								</div> <!-- cerrar counter-discount //-->
			
								<p class="oferta-detalles"><small>
									<strong>Detalles</strong><br />
									Paga uno y llevate dos, por el pago de cualquier bocadillo Pans &amp; Company
									<br /><a href="#detalles-oferta">[leer más]</a></small>
								</p>
			
								<!--  TOOLTIP -->
								<div class="precio-hover member">
										<div class="t-content">
											<p class="leyenda"><small>si eres:</small><small>pagas:</small></p>
											<div class="popup">
												<div class="row member"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
												<div class="row premium"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
												<div class="row vip"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
											</div>						
											<p class="footnote small">[Comprando esta oferta automaticamente te conviertes en MEMBER]</p>						
										</div> <!-- cerrar t-content //-->
									</div>
									<!--  cerrar TOOLTIP -->
								</div> <!-- cerrar ofertacontent //-->
								<div class="clear">&nbsp;</div>
			
						<!-- COMPARTIR //-->
								<p class="sharetrigger small" onclick="$('.st-oferta').fadeIn('slow');return false;"><a href="#">[compartir]</a></p>
							<!-- tooltip element -->
								<div class="sharetip st-oferta">
									<div class="caja c140 fl-abajo">
										<div class="content">
											<p><small class="soft">Comparte esta oferta</small></p>
											<div class="shareoptions">
											<!-- AddThis Button BEGIN -->
												<div class="addthis_toolbox"> <!-- addthis_default_style" -->
													<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" addthis:url="http://www.runroom.com" addthis:title="oferta1"></a></p>
													<p><a class="addthis_button_tweet" tw:count="horitzontal" addthis:url="http://www.runroom.com" addthis:title="oferta1"></a></p>
													<p><a class="addthis_button_googlebuzz" addthis:url="http://www.runroom.com" addthis:title="oferta1">Google BUZZ</a></p>
													<p><a class="addthis_button_email" addthis:url="http://www.runroom.com" addthis:title="oferta1" href="#">enviar e-mail</a></p>
												</div>
												<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
												<!-- AddThis Button END -->		
											</div> <!-- cerrar shareoptions //-->
										</div>
										<div class="cierre"></div>
									</div> <!-- cerrar caja //-->
								</div> <!-- cerrar sharetip //-->
							</div> <!-- cerrar content //-->
							<div class="cierre"></div>
						</div> <!-- cerrar caja //-->	
      		</div> <!-- / ELEMENT 1 -->


					<div> <!-- ELEMENT 2   -->
				<!-- caja oferta fondo blanco //-->
					<div class="caja c620 unido-bot oferta_index">
						<div class="content">
							<div class="no_scroll">
								<div class="pics">
									<div><img src="images/hotel-central/ofertas/salud-belleza/oferta1-foto2.jpg" alt="" width="220" height="220" /><span class="cornersfff"></span></div>
								</div>
							</div> <!-- cerrar no_scroll //-->
							<div class="ofertacontent">
								<h1 class="oferta">2x1  Llévate tu segundo bocadillo gratis.</h1>
								<div class="price-buy">
									<p class="price">
										<span class="desde">desde</span>
										<strong>3 €</strong>
									</p>
									<div class="buy">
										<p class="boton primario grande" onmouseover="$('.precio-hover').fadeIn('fast');" onmouseout="$('.precio-hover').fadeOut('fast');">
											<a href="javascript:;" class="checkout_trigger">compra ya</a>
										</p>
											<!--  TOOLTIP -->
										<div class="precio-hover member">
											<div class="t-content">
												<p class="leyenda"><small>si eres:</small><small>pagas:</small></p>
												<div class="popup">
													<div class="row member"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
													<div class="row premium"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
													<div class="row vip"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
												</div>						
												<p class="footnote small">[Comprando esta oferta automaticamente te conviertes en MEMBER]</p>						
											</div> <!-- cerrar t-content //-->
										</div> <!--  cerrar TOOLTIP -->
									</div> <!-- cerrar buy //-->
								</div> <!-- cerrar price_buy //-->
								<div class="counter-discount">
									<div class="contador">
										<div id="defaultCountdown2"></div>
										<small class="micro counter-title">la oferta caduca en:</small>
									</div> <!-- cerrar contador //-->
									<div class="discount">
										<div class="hasCountdown">
											<span class="countdown_row countdown_show3">
												<span class="countdown_section">
													<span class="countdown_amount">6 €</span>
													<br />VALOR REAL
												</span>
												<span class="countdown_section">	
													<span class="countdown_amount">50 %</span>
													<br />DESCUENTO <small class="micro counter-title">HASTA</small>
												</span>
												<span class="countdown_section">
													<span class="countdown_amount">3 €</span>
													<br />AHORRO <small class="micro counter-title">HASTA</small>
												</span>
											</span>
										</div>
									</div> <!-- cerrar discount //-->
								</div> <!-- cerrar counter-discount //-->
			
								<p class="oferta-detalles"><small>
									<strong>Detalles</strong><br />
									Paga uno y llevate dos, por el pago de cualquier bocadillo Pans &amp; Company
									<br /><a href="#detalles-oferta">[leer más]</a></small>
								</p>
			
								
								</div> <!-- cerrar ofertacontent //-->
								<div class="clear">&nbsp;</div>
			
						<!-- COMPARTIR //-->
								<p class="sharetrigger small" onclick="$('.st-oferta').fadeIn('slow');"><a href="#">[compartir]</a></p>
							<!-- tooltip element -->
								<div class="sharetip st-oferta">
									<div class="caja c140 fl-abajo">
										<div class="content">
											<p><small class="soft">Comparte esta oferta</small></p>
											<div class="shareoptions">
											<!-- AddThis Button BEGIN -->
												<div class="addthis_toolbox"> <!-- addthis_default_style" -->
													<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" addthis:url="http://www.runroom.com" addthis:title="oferta2"></a></p>
													<p><a class="addthis_button_tweet" tw:count="horitzontal" addthis:url="http://www.runroom.com" addthis:title="oferta2"></a></p>
													<p><a class="addthis_button_googlebuzz" addthis:url="http://www.runroom.com" addthis:title="oferta2">Google BUZZ</a></p>
													<p><a class="addthis_button_email" addthis:url="http://www.runroom.com" addthis:title="oferta2" href="#">enviar e-mail</a></p>
												</div>
												<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
												<!-- AddThis Button END -->		
											</div> <!-- cerrar shareoptions //-->
										</div>
										<div class="cierre"></div>
									</div> <!-- cerrar caja //-->
								</div> <!-- cerrar sharetip //-->
							</div> <!-- cerrar content //-->
							<div class="cierre"></div>
						</div> <!-- cerrar caja //-->	
      		</div> <!-- / ELEMENT 2 -->



					<div> <!-- ELEMENT 3   -->
				<!-- caja oferta fondo blanco //-->
					<div class="caja c620 unido-bot oferta_index">
						<div class="content">
							<div class="no_scroll">
								<div class="pics">
									<div><img src="images/hotel-central/ofertas/salud-belleza/oferta1-foto3.jpg" alt="" width="220" height="220" /><span class="cornersfff"></span></div>
								</div>
							</div> <!-- cerrar no_scroll //-->
							<div class="ofertacontent">
								<h1 class="oferta">2 por 1: llévate tu segundo bocadillo gratis. Pans &amp; Company.</h1>
								<div class="price-buy">
									<p class="price">
										<span class="desde">desde</span>
										<strong>3 €</strong>
									</p>
									<div class="buy">
										<p class="boton primario grande" onmouseover="$('.precio-hover').fadeIn('fast');" onmouseout="$('.precio-hover').fadeOut('fast');">
											<a href="javascript:;" class="checkout_trigger">compra ya</a>
										</p>
									</div> <!-- cerrar buy //-->
								</div> <!-- cerrar price_buy //-->
								<div class="counter-discount">
									<div class="contador">
										<div id="defaultCountdown3"></div>
										<small class="micro counter-title">la oferta caduca en:</small>
									</div> <!-- cerrar contador //-->
									<div class="discount">
										<div class="hasCountdown">
											<span class="countdown_row countdown_show3">
												<span class="countdown_section">
													<span class="countdown_amount">6 €</span>
													<br />VALOR REAL
												</span>
												<span class="countdown_section">	
													<span class="countdown_amount">50 %</span>
													<br />DESCUENTO <small class="micro counter-title">HASTA</small>
												</span>
												<span class="countdown_section">
													<span class="countdown_amount">3 €</span>
													<br />AHORRO <small class="micro counter-title">HASTA</small>
												</span>
											</span>
										</div>
									</div> <!-- cerrar discount //-->
								</div> <!-- cerrar counter-discount //-->
			
								<p class="oferta-detalles"><small>
									<strong>Detalles</strong><br />
									Paga uno y llevate dos, por el pago de cualquier bocadillo Pans &amp; Company
									<br /><a href="#detalles-oferta">[leer más]</a></small>
								</p>
			
								<!--  TOOLTIP -->
								<div class="precio-hover member">
										<div class="t-content">
											<p class="leyenda"><small>si eres:</small><small>pagas:</small></p>
											<div class="popup">
												<div class="row member"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
												<div class="row premium"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
												<div class="row vip"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
											</div>						
											<p class="footnote small">[Comprando esta oferta automaticamente te conviertes en MEMBER]</p>						
										</div> <!-- cerrar t-content //-->
									</div>
									<!--  cerrar TOOLTIP -->
								</div> <!-- cerrar ofertacontent //-->
								<div class="clear">&nbsp;</div>
			
						<!-- COMPARTIR //-->
								<p class="sharetrigger small" onclick="$('.st-oferta').fadeIn('slow');"><a href="#">[compartir]</a></p>
							<!-- tooltip element -->
								<div class="sharetip st-oferta">
									<div class="caja c140 fl-abajo">
										<div class="content">
											<p><small class="soft">Comparte esta oferta</small></p>
											<div class="shareoptions">
											<!-- AddThis Button BEGIN -->
												<div class="addthis_toolbox"> <!-- addthis_default_style" -->
													<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" addthis:url="http://www.runroom.com" addthis:title="oferta3"></a></p>
													<p><a class="addthis_button_tweet" tw:count="horitzontal" addthis:url="http://www.runroom.com" addthis:title="oferta3"></a></p>
													<p><a class="addthis_button_googlebuzz" addthis:url="http://www.runroom.com" addthis:title="oferta3">Google BUZZ</a></p>
													<p><a class="addthis_button_email" addthis:url="http://www.runroom.com" addthis:title="oferta3" href="#">enviar e-mail</a></p>
												</div>
												<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
												<!-- AddThis Button END -->		
											</div> <!-- cerrar shareoptions //-->
										</div>
										<div class="cierre"></div>
									</div> <!-- cerrar caja //-->
								</div> <!-- cerrar sharetip //-->
							</div> <!-- cerrar content //-->
							<div class="cierre"></div>
						</div> <!-- cerrar caja //-->	
      		</div> <!-- / ELEMENT 3 -->



    		</div> <!-- cerrar .items //-->
    	</div> <!-- cerrar .scrollable //-->

			<!-- caja gris de navegacion del slide de ofertas  / / - ->
			<div class="caja c620 f1f1f1 unido-bot scroll_ofertas">
				<div class="content"> //-->
					<p><a class="prev browse left"></a> <a class="next browse right"></a></p>
				<!-- wrapper for navigator elements -->
					<div class="navi mod_navi"></div>
				</div>
				<div class="cierre"></div>
			</div> <!-- cerrar caja //-->		





	<!-- caja de cabecera de contenido. puede variar en cada pagina //-->
			<div class="caja c620 f1f1f1 unido-top mod-multimarca">
				<div class="content">
					<h4 class="titulo-min">Tiendas asociadas a esta tarjeta</h4>
					<div class="sidefilter">
						<form method="get" action="tria.php">
							<p class="soft">
								<label>Categoría:</label>
								<select id="categoria" onchange="filtroCategoria(this.options[this.selectedIndex].value);return false;" size="1">
									<option value="-1" selected="selected">Todas (selecciona)</option>
									<option value="0">Alimentación con degustación</option>
									<option value="1">Moda</option>
								</select>
								<!-- small><a href="#">[ok]</a></small-->
							</p>
						</form>
					</div> <!-- cerrar sidefilter //-->
			
					<div class="multimarca">
						<div id="multimarca" class="scrollable">

							<ul class="items">
							
							</ul>

					<!-- flechas y puntitos de navegacion -->
						<div class="mm-navi">
							<p><a class="prev browse left"></a> <a class="next browse right"></a></p>
							<!-- wrapper for navigator elements -->
							<div class="navi mod_navi"></div>
						</div> <!-- cerrar mm-navi //-->


						</div> <!-- cerrar #multimarca.scrollable //-->
	
						<div class="cierre"></div>
					</div> <!-- cerrar multimarca //-->		

				</div> <!-- cerrar content //-->
			</div> <!-- cerrar caja gris //-->		





<!-- TABS de Navegacion //-->
				<ul class="tarjeta-tabmenu">
					<li class="tab active"><span>Feed</span></li>
					<li class="tab"><a title="Ver quienes somos" href="#"><span>Quienes Somos</span></a></li>
					<li class="tab"><a title="Ver como funciona el sistema de puntos de esta tarjeta" href="tarjeta-landing-loyalty.html"><span>Loyalty Program</span></a></li>
					<li class="tab"><a title="Ver donde estan nuestros establecimientos" href="#"><span>Establecimientos</span></a></li>
				</ul>



		<div class="caja c620">
			<div class="content">
	<!-- Filtrar Tweets //-->
				<ul class="selector_tweets">
					<li class="icon-lanzamiento"><a class="activo" title="mostrar sólo ofertas de lanzamiento" href="#" ><span>ofertas de lanzamiento</span></a></li>
					<li class="icon-oferta"><a class="activo" title="mostrar sólo ofertas" href="#"><span>ofertas</span></a></li>
					<li class="icon-echeque"><a class="activo" title="mostrar sólo e-cheques" href="#"><span>e-cheques</span></a></li>
					<li class="icon-evento"><a class="activo" title="mostrar sólo eventos" href="#" ><span>eventos</span></a></li>
					<li class="icon-globo"><a class="activo" title="mostrar sólo consejos" href="#" ><span>consejos</span></a></li>
				</ul>



	<!-- Los Tweets //-->
				<div id="feeds">
				</div> <!-- cerrar #feeds //-->


			</div> <!-- cerrar content //-->

			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->
		<div class="vermas"><p><a title="ver más resultados" href="#" onclick="update_more_bt(2);return false;">más</a></p></div>
		



		</div><!-- cerrar columna //-->
	
		<div class="clear"></div>
	
	</div><!-- cerrar page //-->

<div id="gototop"><p><a href="#top">volver arriba</a></p> </div>
</body>
</html>